<app-header></app-header>
<!--正文S-->
<!--轮播开始-->
<app-banner></app-banner>
<!--轮播结束-->
<div class="hidden-md hidden-lg">
    <!-- <div class="yong_hu ">
        <div class="jiantou"></div>
        <div class="yong_hu1">
        <a href="javascript:history.back(-1);" class="yonghu1-a">
            <img src="../assets/image/my_project/1_03.png">
        </a>
        用户中心
        </div>
    </div> -->
</div>
<div style="background-color: #efeef2 !important;">
<div class="container ">
    <div class="hidden-xs hidden-sm">
        <!--上边部分-->
        <div [class.hide]="isModify" class="row center_box">
            <div class="col-md-3 col-sm-3 col-xs-3 center_c border_r">
                <div class="left_img_01" >
                    <!--<img src="{{avatar_path}}{{avatar}}" alt="头像">-->
                    <img src="../../assets/image/commom/mobile_heads_bg.png" alt="头像">
                </div>
                <div class="fint_min">
                    <p>{{nickname}}</p>
                    <p class="fint_min_01">{{username}}</p>
                </div>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-3 center_c border_r">
                <div class="left_img_01">
                    <img src="../../assets/image/commom/project_03.png" alt="">
                </div>
                <div class="fint_min">
                    <p>我的项目</p>
                    <p class="text_color">{{project_count}}</p>
                </div>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-3 center_c border_r">
                <div class="left_img_02">
                    <img src="../../assets/image/commom/my_money_03.png" alt="">
                </div>
                <div class="fint_min1">
                    <p>我的余额</p>
                    <p class="text_color">{{money}}</p>
                </div>
                <div class="charge_money">
                    <a href="/user_recharge">去充值</a>
                </div>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-3 center_c center_pubilcId">
                <!--<div class="">我的公众号</div>-->
                <!-- <div class="">
                    <a href="/bind_public_number">去修改我的公众号信息</a>
                </div> -->
                <div class="left_img_01">
                    <img src="../../assets/image/commom/bind-common-num.png" alt="">
                </div>
                <div class="fint_min1">
                    <p>绑定公众号</p>
                    <p>wedd-12356</p>
                </div>
                <div class="charge_money">
                    <a href="/bind_public_number">修改</a>
                </div>
            </div>
        </div>
        <div [class.hide]="isModify">
            <div class="ju_tixin1">
            <div class="xiugai tixin1-xiugai">
                <b>基本信息</b>
                <span class="wen-tp-01-line"></span>
            </div>
                <div class="xin">
                    <p>
                        <span class="left_text">昵称</span>
                        <span>{{nickname}}</span>
                    </p>
                    <p>
                        <span class="left_text">性别</span>
                        <span>{{sex}}</span>
                    </p>
                    <p>
                        <span class="left_text">绑定手机</span>
                        <span>{{mobile}}</span>
                    </p>
                    <p>
                        <span class="left_text">邮箱</span>
                        <span>{{email}}</span>
                    </p>
                    <p class="button_mn"><a (click)="modifyMsg()">修改信息</a></p>
                </div>
            </div>
        </div>

        <!--上边结束-->
        <div [class.hide]="!isModify">
            <!--中间开始-->
            <div class="row center_box_zj">
                <div class="xiugai ">                
                    <b>基础信息修改</b>
                    <span class="wen-tp-01-line"></span>
                </div>
                <div class="left_xi_09 col-md-6 col-sm-6 col-xs-6">
                    <div class="form-group user-center-form">
                        <label for="inputEmail1" class="col-sm-2 control-label">昵称</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="inputEmail1" placeholder="{{nickname}}" [(ngModel)]="nickname">
                        </div>
                    </div>
                    <div class="form-group user-center-form">
                        <label for="inputEmail3" class="col-sm-2 control-label">绑定邮箱</label>
                        <div class="col-sm-10">
                            <input type="email" class="form-control" id="inputEmail3" placeholder="{{email}}" [(ngModel)]="email">
                        </div>
                    </div>
                </div>
                <div class="right_xi_09 col-md-6 col-sm-6 ">
                    <div class="xinxi_001">
                        <div class="phone"><b>绑定手机</b></div>
                        <div class="phone"><b>{{mobile}}</b></div>
                    </div>
                    <div class="cju_09mj">
                        <div class="sex_01"><b>性别</b></div>
                        <div class="radio-inline sex_02 sex-one">
                            <label>
                                <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" (click)="sexM()">
                                GG
                            </label>
                        </div>
                        <div class="radio-inline sex_02 sex-two">
                            <label>
                                <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2" (click)="sexW()">
                                MM
                            </label>
                        </div>
                    </div>
                </div>
                <div class="form-group form-btn user-btn">
                    <button type="button" class="btn btn-primary btn-block" (click)="modifyUser_msg()">保存</button>
                </div>
            </div>
            <!--中间结束-->

            <!--下面开始-->
            <div class="row center_box_bottom">
                <div class="xiugai ">
                    <b>修改密码</b>
                    <span class="wen-tp-01-line"></span>
                </div>
                <div class="left_xi_09 col-md-6 col-sm-6 col-xs-6">
                    <div class="form-group user-center-form">
                        <label for="inputPassword3" class="col-sm-2 control-label">旧密码</label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" placeholder="请输入您的账户密码" [(ngModel)]="original" name="original">
                        </div>
                    </div>
                    <div class="form-group user-center-form">
                        <label for="inputPassword3" class="col-sm-2 control-label">新密码</label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" placeholder="请再次输入您的密码" [(ngModel)]="password" name="password">
                        </div>
                    </div>
                </div>
                <div class=" col-md-6 col-sm-6 col-xs-6 ">
                    <div class="form-group box_max user-center-form">
                        <label for="inputPassword3" class="col-sm-2 control-label">确认密码</label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" id="inputPassword3" placeholder="请输入您的账户密码" [(ngModel)]="agin_password" name="agin_password">
                        </div>
                    </div>
                </div>
                <div class="form-group form-btn user-btn">
                    <button type="button" class="btn btn-primary btn-block" (click)="modifyPass_word()">确认修改</button>
                </div>
            </div>
            <!--下面结束-->
        </div>
    </div>
<!--手机版页面开始-->
<div id="phone_box_ms" class="phone_box hidden-md hidden-lg">
    <div [class.hide]="isModify">
        <div class="renwu_touxi ">
            <p  class="img_avatar" *ngIf="avatar!=null">
                <img src="{{avatar_path}}{{avatar}}" alt="">
            </p>
            <p  class="img_avatar" *ngIf="avatar==null">
                <img src="../../assets/image/login/mobile_heads_bg.png" alt="头像">
            </p>
            <div>{{nickname}}</div>
        </div>
        <div class="chong_zhi01 ">
            <a>
                <div><b>{{project_count}}</b></div>
                <div>我的项目</div>
            </a>
            <a href="/user_recharge">
                <div class="on_ch">去充值</div>
            </a>
            <a href="">
                <div><b>{{money}}</b></div>
                <div>我的余额</div>
            </a>
            <a href="/bind_public_number">
                <div class="on_ch">修改我的公众号</div>
            </a>
        </div>

        <div class="ju_tixin1 ">
            <div class="xin">
                <p>
                    <span class="left_text">昵称</span>
                    <span>{{nickname}}</span>
                </p>
                <p>
                    <span class="left_text">性别</span>
                    <span>{{sex}}</span>
                </p>
                <p>
                    <span class="left_text">绑定手机</span>
                    <span>{{mobile}}</span>
                </p>
                <p>
                    <span class="left_text">邮箱</span>
                    <span>{{email}}</span>
                </p>
                <p class="button_mn"><a (click)="modifyMsg()">修改信息</a></p>
            </div>
        </div>
    </div>
    <div [class.hide]="!isModify" id="img_phone_01">
        <!--中间开始-->
        <div class="row center_box">
            <div class="center_box_zj">
                <div class="xiugai jichu-xiugai">
                    <i class="common-line-left common-line1 hidden-sm hidden-md hidden-lg"></i>
                    <b>基本信息修改</b>
                    <i class="common-line-right common-line1 hidden-sm hidden-md hidden-lg"></i>
                    <span class="wen-tp-01-line hidden-xs"></span>
                </div>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <div class="form-group">
                        <label for="inputEmail1_1" class="col-sm-4 col-xs-4 control-label">昵称</label>
                        <div class="col-sm-8 col-xs-8">
                            <input type="text" class="form-control" id="inputEmail1_1" placeholder="{{nickname}}" [(ngModel)]="nickname">
                        </div>
                    </div>
                </div>
                <div class="hidden-lg hidden-md col-sm-6 col-xs-12">
                    <div class="xinxi_001 form-group">
                        <label for="inputEmail3_1" class="col-sm-4 col-xs-4 control-label email_box">绑定手机</label>
                        <div class="col-sm-8 col-xs-8">
                            <span class="phone_1"><b>{{mobile}}</b></span>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <div class="form-group ">
                        <label for="inputEmail3_1" class="col-sm-4 col-xs-4 control-label email_box">绑定邮箱</label>
                        <div class="col-sm-8 col-xs-8">
                            <input type="email" class="form-control" id="inputEmail3_1" placeholder="{{email}}" [(ngModel)]="email">
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <div class="cju_09mj">
                        <div class="sex"><b>性别</b></div>
                        <div class="radio-inline sex1 sex1-one">
                            <label>
                                <input type="radio" name="optionsRadios1" id="optionsRadios1_1" value="option1" (click)="sexM()">
                                GG
                            </label>
                        </div>
                        <div class="radio-inline sex1 sex1-two">
                            <label>
                                <input type="radio" name="optionsRadios1" id="optionsRadios2_1" value="option2" (click)="sexW()">
                                MM
                            </label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group col-xs-12 form-btn">
                <button type="button" class="btn btn-primary btn-block" (click)="modifyUser_msg()">确认修改</button>
            </div>
        </div>
        <!--中间结束-->

        <!--下面开始-->
        <div class="row center_box" id="phone_bottom">
            <div class="xiugai ">
                <i class="common-line-left common-line hidden-sm hidden-md hidden-lg"></i>
                <b>修改密码</b>
                <i class="common-line-right common-line hidden-sm hidden-md hidden-lg"></i>
                <span class="wen-tp-01-line hidden-xs"></span>
            </div>
            <div class="col-md-6 col-sm-6 col-xs-12">
                <div class="form-group">
                    <label for="inputPassword3" class="col-sm-4 col-xs-4 control-label">旧密码</label>
                    <div class="col-sm-8 col-xs-8">
                        <input type="password" class="form-control" placeholder="请输入您的账户密码" [(ngModel)]="original" name="original">
                    </div>
                </div>
             </div>
             <div class="col-md-6 col-sm-6 col-xs-12">
                <div class="form-group">
                    <label for="inputPassword3" class="col-sm-4 col-xs-4 control-label">新密码</label>
                    <div class="col-sm-8 col-xs-8">
                        <input type="password" class="form-control" placeholder="请再次输入您的密码" [(ngModel)]="password" name="password">
                    </div>
                </div>
            </div>
            <div class=" col-md-6 col-sm-6 col-xs-12 ">
                <div class="form-group box_max">
                    <label for="inputPassword3" class="col-sm-4 col-xs-4 control-label">确认密码</label>
                    <div class="col-sm-8 col-xs-8">
                        <input type="password" class="form-control" id="inputPassword3_1" placeholder="请输入您的账户密码" [(ngModel)]="agin_password" name="agin_password">
                    </div>
                </div>
            </div>
            <div class="form-group col-xs-12 form-btn">
                <button type="button" class="btn btn-primary btn-block" (click)="modifyPass_word()">确认修改</button>
            </div>
        </div>
        <!--下面结束-->
    </div>
  </div>
</div>
</div>
<!--正文E-->
<app-footer></app-footer>